<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui,target-densitydpi=72">
    <title>销售赋能平台-中文期刊</title>
    <link rel="stylesheet" href="../../css/amazeui.min.css"/>
    <link rel="stylesheet" href="../../css/style.css"/>
</head>
<body>
    <div data-am-sticky style="background-color:#f9f9f9">
        <!--顶部搜索-->
        <div class="header"style="height: 80px">
            <div class="searchbox flex-row-center padding0" style="flex-wrap: nowrap;padding: 4px;bottom: 6px">
                <img src="../../images/return.png" onclick="javascript:window.history.go(-1);" style="width:42px;margin-right: 10px" alt=""/>
                <input class="am-btn" type="text" id="searchtext" placeholder="投稿方向/期刊名称">
                <button class="am-btn am-btn-primary" id="search">
                    <img src="../../images/search.png" style="width:14px;" alt=""/>
                    搜索
                </button>
            </div>
        </div>
        <!--3个选择框-->
        <div class="selectbox flex-row-between" style="flex-wrap: nowrap;">
                <button class="diybtn diybtncur" id="diybtn" style="height: 42.8px;min-width:88px;">
                    全部
                </button>
                <input onclick="SelectInit(this,'选择期刊级别')" class="am-btn" type="button" value="期刊级别" id='level'/>
                <input onclick="SelectInit(this,'选择发刊周期')" class="am-btn" type="button" value="发刊周期" id='time'/>
            </div>
        </div>
        <!--长列表-->
        <div class="perlist">
            <li class="item" onclick="jumpUrl('./periodicalsdetail.html')">
                <div class="left">
                    <h2>华南预防医学</h2>
                    <p>发表价格:13999</p>
                    <p>套餐价格:15999</p>
                </div>
                <div class="body">
                    <p>地方目录:河南二类</p>
                </div>
                <div class="right">
                    <img src="../../images/rightarr.png" alt="">
                </div>
            </li>
            <li class="item">
                <div class="left">
                    <h2>华南预防医学</h2>
                    <p>发表价格:13999</p>
                    <p>套餐价格:15999</p>
                </div>
                <div class="body">
                    <p>地方目录:河南二类</p>
                </div>
                <div class="right">
                    <img src="../../images/rightarr.png" alt="">
                </div>
            </li>
            <li class="item">
                <div class="left">
                    <h2>华南预防医学</h2>
                    <p>发表价格:13999</p>
                    <p>套餐价格:15999</p>
                </div>
                <div class="body">
                    <p>地方目录:河南二类</p>
                </div>
                <div class="right">
                    <img src="../../images/rightarr.png" alt="">
                </div>
            </li>
            <li class="item">
                <div class="left">
                    <h2>华南预防医学</h2>
                    <p>发表价格:13999</p>
                    <p>套餐价格:15999</p>
                </div>
                <div class="body">
                    <p>地方目录:河南二类</p>
                </div>
                <div class="right">
                    <img src="../../images/rightarr.png" alt="">
                </div>
            </li>
            <li class="item">
                <div class="left">
                    <h2>华南预防医学</h2>
                    <p>发表价格:13999</p>
                    <p>套餐价格:15999</p>
                </div>
                <div class="body">
                    <p>地方目录:河南二类</p>
                </div>
                <div class="right">
                    <img src="../../images/rightarr.png" alt="">
                </div>
            </li>
            <li class="item">
                <div class="left">
                    <h2>华南预防医学</h2>
                    <p>发表价格:13999</p>
                    <p>套餐价格:15999</p>
                </div>
                <div class="body">
                    <p>地方目录:河南二类</p>
                </div>
                <div class="right">
                    <img src="../../images/rightarr.png" alt="">
                </div>
            </li>
            <li class="item">
                <div class="left">
                    <h2>华南预防医学</h2>
                    <p>发表价格:13999</p>
                    <p>套餐价格:15999</p>
                </div>
                <div class="body">
                    <p>地方目录:河南二类</p>
                </div>
                <div class="right">
                    <img src="../../images/rightarr.png" alt="">
                </div>
            </li>
            <li class="item">
                <div class="left">
                    <h2>华南预防医学</h2>
                    <p>发表价格:13999</p>
                    <p>套餐价格:15999</p>
                </div>
                <div class="body">
                    <p>地方目录:河南二类</p>
                </div>
                <div class="right">
                    <img src="../../images/rightarr.png" alt="">
                </div>
            </li>
            <li class="item">
                <div class="left">
                    <h2>华南预防医学</h2>
                    <p>发表价格:13999</p>
                    <p>套餐价格:15999</p>
                </div>
                <div class="body">
                    <p>地方目录:河南二类</p>
                </div>
                <div class="right">
                    <img src="../../images/rightarr.png" alt="">
                </div>
            </li>
            <li class="item">
                <div class="left">
                    <h2>华南预防医学</h2>
                    <p>发表价格:13999</p>
                    <p>套餐价格:15999</p>
                </div>
                <div class="body">
                    <p>地方目录:河南二类</p>
                </div>
                <div class="right">
                    <img src="../../images/rightarr.png" alt="">
                </div>
            </li>
        </div>
        <button type="button" id="nextPage" class="am-btn am-btn-primary am-radius" onclick="loadMore(this)">下一页</button>

        <!--alert 模态框-->
        <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
            <div class="am-modal-dialog">
                <div class="am-modal-hd" id="alerttitle">
                    Amaze UI
                </div>
                <div class="am-modal-bd" id="alerttext">
                    Hello world！
                </div>
                <div class="am-modal-footer">
                    <span class="am-modal-btn">确定</span>
                </div>
            </div>
        </div>
        <!--select 选择框-->
        <div class="container"></div>
        
</body>
<script src="../../js/jquery-3.3.1.min.js"></script>
<script src="../../js/amazeui.min.js"></script>
<script src="../../js/iosSelect.js"></script>
<script src="../../js/public.js"></script>
<script src="../../js/periodicals.js"></script>
</html>